<template>
	<view>
		<view class="fankui__item">
			<view class="text__item">
				小程序内的信息来自网络整理。为了大家能更高效的完成学习强国中的学习, 使用过程中如遇到任何问题或好建议,可以给我留言, 点击下方按钮复制微信号。 ( 微信号: {{wx}} )
			</view>
			<view class="btn__item" @click="clipboard"> </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wx:'gxbm666'
			}
		},
		methods: {
			clipboard() {
				uni.setClipboardData({
					data: this.wx,
					success: () => {
						uni.showToast({
							title: '微信号复制成功'
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.fankui__item {
		width: 100vw;
		height: calc(100vw / (750 / 612));
		background-image: url(https://miva-unmcc.oss-cn-beijing.aliyuncs.com/fankui.jpg);
		background-size: cover;
		position: relative;

		.text__item {
			padding: 25px;
			font-size: 16px;
			background-color: #fff;
			text-align: justify;
			position: absolute;
			top: 21%;
			line-height: 1.5;
			color: #666;
		}

		.btn__item {
			width: 100vw;
			height: calc(100vw / (750 / 612) / 7);
			position: absolute;
			top: 75%;
		}
	}
</style>
